@charset "utf-8";

.cabeza {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   align-items: center;
   background-color: rgb(200, 160, 229);
}

#navegador ul {
   display: flex;
   list-style-type: none;
   justify-content: center;
   flex-wrap: wrap;
   align-content: space-around;
}

#navegador li {
   display: flex;
   padding-right: 2.5em;
   padding-bottom: 1.5em;
   padding-top: 1em;
}

#navegador li a {
   padding: 1em 2em 1em 2em;
   color: #ff7ae2;
   background-color: #fccbf1;
   border: 1px solid #ffaced;
   border-radius: 25px;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   text-decoration: none;
}

#logo {
   max-width: 10em;
   min-width: 10em;
   margin-top: 2em;
   margin-bottom: 2em;
   margin-right: 3em;
}

.fondo {
   background-color: rgb(82, 51, 104);
}

.datos {
   display: flex;
   justify-content: center;
   padding-top: 2em;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: #fccbf1;
}

.materias {
   display: flex;
   font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
   color: #fccbf1;
   justify-content: center;
   align-items: center;
   text-decoration: none;
}

.lista-titulo {
    list-style: none;
}

.imagen-avatar {
   width: 8em;
   height: 8em;
   margin-right: 3em;
   border-radius: 25px;
}

 #aclaracion {
   font-size: 0.7em;
   font-style: italic;
   text-align: center;
   color: lightsteelblue;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   padding-bottom: 1em;
}

#pie {
   text-align: center;
   color: #ff7ae2;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   font-size: 0.7em;
   background-color: #fccbf1;
   padding-top: 1em;
   padding-bottom: 2em;
}

@media (min-width: 50em) {
#pie {
   display: flex;
   justify-content: center;
   text-align: left;
   color: #ff7ae2;
   font-family: Verdana, Geneva, Tahoma, sans-serif;
   font-size: 0.7em;
}

#pie div {
   margin-right: 5em;
   margin-left: 5em;
}
}